<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册表单</title>
</head>
<body>
    <form action="#" method="get">
        <table cellspacing="0" cellpadding="10px" align="center">
            <tr>
                <th>用户注册</th>
            </tr>
            <tr>
                <td>
                    <fieldset>
                        <legend>身份验证-必填信息</legend>
                        <table>
                            <tr><td align="right">用户名</td><td><input type="text" name="username" /></td></tr>
                            <tr><td align="right">密  码</td><td><input type="password" name="password" /></td></tr>
                            <tr><td align="right">密码确认</td><td><input type="password" name="repassword" /></td></tr>
                        </table>
                    </fieldset>
                </td>
            </tr>
            <tr>
                <td>
                    <fieldset>
                        <legend>身份信息-选填信息</legend>
                        <table>
                            <tr><td align="right">所在城市</td><td><input type="text" name="city" /></td></tr>
                            <tr><td align="right">工作单位</td><td><input type="text" name="company" /></td></tr>
                            <tr><td align="right">家庭住址</td><td><input type="text" name="address" /></td></tr>
                        </table>
                    </fieldset>
                </td>
            </tr>
            <tr>
                <td>
                    <fieldset>
                        <legend>其它个人信息</legend>
                        <table>
                            <tr>
                                <td align="right">性别</td>
                                <td>
                                    <select name="gender">
                                        <option value="男">男</option>
                                        <option value="女">女</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">爱好</td>
                                <td>
                                    <input type="checkbox" name="hobby" value="music" />音乐
                                    <input type="checkbox" name="hobby" value="ball" />体育
                                    <input type="checkbox" name="hobby" value="coding" />计算机
                                </td>
                            </tr>
                            <tr>
                                <td align="right">喜欢的公司</td>
                                <td>
                                    <input type="radio" name="like" value="baidu" />百度
                                    <input type="radio" name="like" value="soft" />微软中国
                                    <input type="radio" name="like" value="google" />谷歌中国
                                </td>
                            </tr>
                            <tr>
                                <td align="right">个人简介</td>
                                <td>
                                    <textarea name="content" cols="10px" rows="5px"></textarea>
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <input type="submit" value="提交您对资料" />&nbsp;&nbsp;
                    <input type="reset" value="重新填写资料" /><br/>
                    <input type="button" value="无效按钮" disabled />
                </td>
            </tr>
        </table>
    </form>
</body>
</html>